@use "@/styles/base/mixin.scss" as *;
@use "@/styles/base/variables.scss" as *;

.home-content {
  background: #F2F2F2;
  min-height: 100%;
  // display: flex;
  // flex-direction: column;
  // height: 100%;

  // .roll {
  //   flex: 1;
  //   overflow: hidden;
  // }

  .box {
    width: 750rpx;
    padding: 10rpx;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .loading-more,
  .no-more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100rpx;
    font-size: 24rpx;
    color: #333;

    .iconfont {
      margin-right: 20rpx;
      font-size: 36rpx;
      animation: rotate linear 1s infinite;
    }
  }

  .no-more {
    color: #999;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}